// pages/smile/smile.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady:function() {
    wx.createSelectorQuery()
    .select('#draw')
    .fields({node:true,size:true})
    .exec(res=>{
      const canvas = res[0].node
      const ctx = canvas.getContext('2d')
      // this.drawRect(ctx)
      this.drawSmile(ctx)
    })

  },
  drawRect:function(ctx){
    ctx.fillStyle='rgba(0,0,200,0.5)'
    ctx.fillRect(10,10,150,50)
  },
  drawSmile:function(ctx){
  ctx.strokeStyle = '#f00'
  ctx.lineWidth='2'
  ctx.moveTo(160,80)
  ctx.arc(100,80,60,0,2*Math.PI,true)
  ctx.moveTo(140,80)
  ctx.arc(100,80,40,0,Math.PI,false)
  ctx.moveTo(85,60)
  ctx.arc(80,60,5,0,2*Math.PI,true)
  ctx.moveTo(125,60)
  ctx.arc(120,60,5,0,2*Math.PI,true)
  ctx.stroke()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})